<template>
  <div class="obody">
    <div>
      <div>欢迎到来</div>
      <div>Koto</div>
    </div>
    <div class="buttons">
      <van-button type="primary" color="#6c5dd3" size="large" @click="router.push('/guidepage1')"
        >随便看看</van-button
      >
      <p>
        <van-button type="primary" size="large" @click="router.push('/login')">登录</van-button>
      </p>
    </div>
  </div>
</template>
<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
</script>
<style lang="css" scoped>
.obody {
  background-image: url('https://ts3.cn.mm.bing.net/th?id=ODL.ee3a9bdde172dba6c5b7810f3995f18e&w=237&h=300&c=10&rs=1&qlt=99&bgcl=fffffe&r=0&o=6&dpr=1.3&pid=WrapstarImage');
  background-size: cover;
  padding: 380px 30px 0;
  height: 100vh;
  box-sizing: border-box;
}
.obody > div:first-child {
  font-size: 25px;
  margin-bottom: 50px;
  color: #ffffff;
  font-size: 40px;
}
.obody > div:first-child > div:last-child {
  font-size: 35px;
}
.van-button {
  opacity: 0.7;
  border-radius: 15px;
}
</style>
